@import url("../../common/less/function.less");
@import url("../../common/less/ui.less");

body{
	background: url(../../web/img/bg.jpg) repeat;
}
.g-wrap{
	position: relative;
	width: 990px;
}
.g-banner{
	width: 100%;
	.oh();
  position: relative;
  .m-mad{
    height: 450px;
    .m-mad-mark{
      position: absolute;
      left: 50%;
      margin-left: -960px;
    }
  }
}
.g-side{
  margin-right: -650px;
}
.f-shadow{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.m-event-list{
	padding: 10px;
 	width: 100%;
  ul{
    .oh();
    margin-bottom: 10px;
    width:1000px;
    li{
      width:238px;
      .fl();
      margin: 10px 10px 0 0;
      position: relative;
      display: inline;
     .oh();
      &:hover{
        background-color: #fff0f3;
        img{.opacity(85); border: none}
        .goods-info{
          background: url(../../web/img/hover.png) no-repeat #fff;
        }
        .del-price .dz{display: none;}
        .del-price .btn{display: block;}
      }
      .goods-info{
        display: block;
        width: 218px;
        height: 218px;
        padding: 10px;
        overflow: hidden;
        background: #fff;
        img{
          width: 218px;
          height: 218px;
          border: none;
        }
        &:hover{
          text-decoration: underline;color: #eb2323;
        }
      }
      h4{
        padding: 5px 10px 0;
        .elps()
      }
      .price {
        width: 218px;
        padding: 5px 10px;
        font-size: 14px;
        color: #333;
        span{vertical-align: bottom;display: inline-block;}
        .new-price{
        	width: 118px;
          del{
            display: block;
            color: #4f4f4f;
            font-size: 12px;
          }
          em{
            font-family: arial;
            font-size: 14px;
            color: #e30d7c;
            font-weight: bold;
          }
        }
        .del-price{
        	padding-top: 5px;
        	em{
            position: absolute;
  				display: inline-block;
  				width: 100px;
  				height: 30px;
  				line-height: 30px;
  				text-align: center;
  				background: #ff581e;
  				border-radius: 5px;
  				color: #fff;
  				.fs16;
            a{
              color: #fff;
            }
        	}
        }       
      }

      .goods-wrap{
        div{background-color: #000000;.opacity(40); width: 190px; height: 300px; position: absolute;z-index: 998;top: 0;}
        span{ display: block;width:92px;height: 92px;position: absolute; top: 70px;left: 46px;z-index: 999; background: url("../img/surprise.png") -53px -70px no-repeat;}
      }
    }
  }
}

.m-rule{
  height: 280px;
  margin-top: 20px;
  ul{
      margin: 40px 0 0 40px;
      background: url(../../web/img/u-list.png) no-repeat 0 5px;
    li{
      padding-left:40px; 
      line-height: 40px;
      .fs18;
      font-family: '黑体';
      color: #ff581e;
    }
  }
}

.footer{
    background: #fd652d;
    border-top: 1px solid #e6e6e6;
    margin:0 auto;
    height:90px;
    position: relative;
    .toboder{
         border-top: 1px solid #fff;
         padding-top: 15px;
         text-align: center;
         .g-grid{
         	color: #fff;
         	margin: 10px 0;
         }
    }
    a{
        color:#fff;
        margin-left: 5px;
    }
}